*{margin: 0;padding: 0;}
a{text-decoration: none; color: #000000;}
li{ list-style-type: none;}
body{
	color: #333333;
	width:100%;
	margin: 0 auto;
	background:white;
	font-size: 18px;
	font-weight:normal;
}
.header_top{
	width: 100%;
	background:#2c3244;
	height: 56px;
}
.header_top span {
	color: white;
	line-height: 56px;
}
.p1{
	font-size:16px;
}

.header_top .p2{
	color: #72933b;
	margin-left: 50px;
	font-size:12px;
	}
.header_top .p3{
	display: inline-block;
	margin-top:  6px ;
	float:right;
	color:#ddd;
	width: 90px;
	height: 26px;
	line-height: 26px;
	text-align:center;
	background: white;
	font-size:14px;
	}
.header_top .p4{
	float:right;
	margin-top: 6px;
	display: inline-block;
	width: 90px;
	height: 26px;
	line-height: 26px;
	background:#9ece32 ;
	text-align:center;
	font-size:14px;
	}

		

.header_mud{
	height: 104px;
	width: 1200px;
	margin: 0 auto;
	background-image: url("../img/img_logo.gif");
	background-repeat: no-repeat;
	background-size: 140px 65px;
	background-position: left center;
	}
nav ul{width:700px;
	margin-left: 240px;
	font-size: 18px;
	font-family: 宋体;
 }
nav ul li{
	height:100px ;
	line-height:100px ;
	float: left;
	margin-left: 70px ;
	color: #5b5b5b;
}
nav a:hover{ color:#9ece32; display:block; border-bottom: solid 4px #9ece32; height: 100px;line-height: 100px;float: left;  }

.banner{
	background-image: url("../img/img_banner.gif");
	background-position: center top;
	background-repeat: no-repeat;
width: 100%;
height: 500px;

}
.hleft{
	width: 390px;
	float: left;
	font-family: 微软雅黑;
	font-size: 18px;
	
}
.hleft>h2{
	margin-bottom: 15px;
}
h2{
	font-family: 微软雅黑;

	margin: 50px 0;
	font-size: 36px;
	font-weight: normal;
}
.hleft ul
{
	border-top: 2px solid #ddd ;
}

.hleft ul li img{
	width: 200px;
	height: 150px;
	float: left;
	margin: 0 10px 40px 0;
	
	
}
.hleft ul li span{
	color: #8cbb30;
	font-size: 25px;
	line-height: 60px;
	font-family: 微软雅黑;
}
.hleft ul li{ 
line-height:30px;
padding: 20px 0 50px 0;
}
.hright{
	margin-left: 210px;
    float:left;
	width: 578px;
}
.hright>h2{
	margin-bottom:15px;
}
.hright ul
{
	border-top: 2px solid #ddd ;
}
.hright ul li .bigtxt{
	color: #8cbb30;
	line-height:40px;
	font-size: 25px;
	font-family: 微软雅黑;
	
	
}
.hright ul li .smalltxt{
	color: #8cbb30;
	line-height:60px;
	font-size: 20px;
	font-family: 微软雅黑;
}
.hright ul li img{
	padding: 20px ;
float: right;
}

.hright ul li{ 
line-height:30px;
padding: 20px 0 50px 0;

}
footer{
	width:100%;
	height: 271px;
	background : #2C3244;
   font-size: 18px;
	font-family: 微软雅黑;
	color:#99a0b6 ;
	font-weight: normal;

	clear: both;
	
}
footer .footerall{
	width:1200px;
	margin: 0 auto;
	padding-left: 180px;
	height: 270px;
}

.f1{
	margin:60px 0 0 0px ;
	float: left;
	width:230px ;
	height: 141px;
	line-height:30px;
	border-left :2px solid #454a58;


}
.f1 ul {padding-left:69px; }
.f1 ul li a{ color:#99a0b6}

.f3{
    margin:50px 0;
	float: left;
	width: 168px;
	height: 141px;
	padding-left: 72px ;
	border-left :2px solid #454a58;
}
.f3 div{
		width: 168px;		
		text-align:left;
	 line-height: 18px;
	font-family: 微软雅黑;
	font-size: 18px;
	}
.f3 img{
	margin: 10px;
	width: 108px;
	height: 108px;

}
.f_3{
	float: left;
	width: 168px;
	line-height: 18px;
	font-family: 微软雅黑;
	font-size: 18px;}
.f_3 img {
	margin:60px 10px 10px 72px;
	width: 108px;
	height: 108px;
}
.f_3>div{
	margin-left: 45px;
	width: 168px;
	height: 18px;
	line-height: 18px;
	font-family: 微软雅黑;
	font-size: 18px;
	text-align:right;

}
.last{

	    clear:both;
		text-align:center;
		border-top: solid 2px #454a58;
		height: 130px;
		line-height: 130px;
		background: #2C3244;
		font-size: 18px;
		font-family: 微软雅黑;
		font-weight: normal;
	 	color: #99a0b6 ;
	 	
 }
/****教学体验*****/
